<template>
    <div class="content">
        <el-dialog :visible.sync="addImportData.dialogLotImport" title="上传委托书" size="tiny">
            <el-form ref="lotImports" label-width="130px">
                <el-row type="flex" class="row-bg">
                    <el-col :span="22" class='note'>
                        <p>首先，还请您尽快办理开户许可证。</p>
                        <p>若暂时没有开许可证，请参照示例上传使用第三方账户的委托书，</p>
                        <p>并用A4纸打印，手写并加盖企业公章和受托人签名后扫描（或拍照）上传。</p>
                    </el-col>
                </el-row>
                <el-form-item label="上传委托书">
                    <el-row type="flex" class="row-bg">
                        <el-col :span="10">
                            <img-upload v-model="addImportData.fileDocx" :imageSize="8" :showFileName="true"></img-upload>
                        </el-col>
                        <el-col class='code' :span='8' :offset='2'>
                            <a href="http://test.doc.juziwl.cn/exue/授权委托书.docx" download="授权委托书.docx">点击这里下载模板</a>
                        </el-col>
                    </el-row>
                </el-form-item>
                <el-row type="flex" class="row-bg" justify="center">
                    <el-col :span="4">
                        <el-button type="primary" @click="confirm">确定</el-button>
                    </el-col>
                </el-row>
            </el-form>
        </el-dialog>
    </div>
</template>
<script>
import imgUpload from 'components/Upload/imgUpload';
export default {
    props: {
        addImportData: {
            default() {
                return {
                    dialogLotImport: false // 默认不显示
                }
            },
            required: true
        }
        
    },
    data() {
        return {

        };
    },
    components: {
        imgUpload
    },
    methods: {
        confirm() {
            this.addImportData.dialogLotImport = false;
        }
    }
};
</script>
<style lang="scss" scoped>
.code {
  padding: 0;
  margin-top: 55px;
  background: transparent;
  color: #37a1fb;
}
.note{
    font-size:13px;
    color:#999999;
    padding-left:50px;
    line-height:22px;
    margin-bottom:15px;
}
.el-upload-text {
  font-size: 12px;
  color: rgb(165, 144, 131);
  margin-top: 7px;
}
.urlText {
  position: relative;
  height: 36px;
  width: 100%;
  display: block;
  border: 1px solid rgb(217, 200, 191);
  padding: 0 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  .text {
    width: 155px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .expand {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: #37a1fb;
    bottom: -3px;
    left: 0;
    transition: all 5s;
  
  }
}
.del {
  padding-left: 5px;
  font-style: normal;
  cursor: pointer;
  color: rgb(32, 160, 255);
  i {
    padding-left: 5px;
    font-size: 12px;
  }
}
.el-dialog__wrapper{
    z-index:3000 !important;
}
</style>
